@import 'button_base';

.lgn-button, .lgn-stroked-button, .lgn-icon-button {
  @include lgn-button-base;
}

.lgn-raised-button {
  @include lgn-raised-button;
}

.lgn-icon-button {
  padding: 0;
  min-width: 0;
  width: $lgn-icon-button-size;
  height: $lgn-icon-button-size;
  flex-shrink: 0;
  line-height: $lgn-icon-button-size;
  border-radius: $lgn-icon-button-border-radius;

  i, .mat-icon {
    line-height: $lgn-icon-button-line-height;
  }
}

.lgn-stroked-button {
  border: $lgn-stroked-button-border-width solid currentColor;
  padding: $lgn-stroked-button-padding;
  line-height: $lgn-stroked-button-line-height;
}

.lgn-button:focus {
  pointer-events: none;
  transition: $lgn-button-focus-transition;
}

.lgn-button, .lgn-stroked-button, .lgn-raised-button {
  * {
    vertical-align: middle;
  }
}
